.html{
  display: flex;
  background: #ff0;
  font-size: 74px;
}


@import "flex.less";
@import "grid.less";
@import "navbar.less";
@import "setDefault.less";
@import "variable.less";
@import "animate.less";

//设置首页引导页面变量
@guideColor:#cf000d;
.guide-index{
  background-image: url("../images/guideBg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  right:0;
  left:0;
  top:0;
  bottom:0;
  .guide-section{
    height:520px;
  }
  .guide-navbar{
    overflow: hidden;
    margin-top: -36px;
    .flex_column{
      transform: translateY(100%);
      cursor: pointer;
      margin:0 25px;
      padding-bottom: 4px;
     img{
       width:118px;
       height:117px;
     }
      div{
        text-align: center;
      }
      a{
        text-align: center;
        color:#141414;
        padding-bottom: 3px;
        border-bottom: 1px solid transparent;
      }
      &:hover a{
        color:@guideColor;
        border-bottom: 1px solid @guideColor;
      }
      &:hover img{
        backface-visibility: visible !important;
        animation-name: flipInY;
      }
    }
  }
  .guide-footer{
    p{
      color:#87888a;
    }
  }
}
.style1{
  color:blue;
}

















